@mixin importance_level_colorconfig($bgcolor, $fontcolor) {
    border: 1px solid $bgcolor;
    box-shadow: 0 0 4px $bgcolor;
    color: $bgcolor;
    background-color: rgba($color: $bgcolor, $alpha: .25);

    &.hover:hover {
        cursor: pointer;
        background-color: $bgcolor;
        color: $fontcolor;
    }
}

/* 最高等级 */
.importance_level_1 {
    @include importance_level_colorconfig(#83010c, #fff);
}

/* 紧急 - 重要 */
.importance_level_10 {
    @include importance_level_colorconfig(#f92e3f, #fff);
}

/* 不紧急 - 重要 */
.importance_level_20 {
    @include importance_level_colorconfig(#1b33ed, #fff);
}

/* 紧急 - 不重要 */
.importance_level_30 {
    @include importance_level_colorconfig(#ff9100, #fff);
}

/* 不紧急 - 不重要 */
.importance_level_40 {
    @include importance_level_colorconfig(#c8d115, #000);
}

/* 最低 */
.importance_level_999 {
    @include importance_level_colorconfig(#1AB394, #000);
}
